<style>
	#tblproductdetail td{
		line-height:38px;
		padding-left:5px;
	}
	.label{
		font-weight:bold;	
	}
</style>
<script type="text/javascript" src="{site_address}highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="{site_address}highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="{site_address}highslide/highslide-ie6.css" />
<![endif]-->
<script type="text/javascript">
	hs.graphicsDir = '{site_address}highslide/graphics/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.fadeInOut = true;
	hs.dimmingOpacity = 0.8;
	hs.wrapperClassName = 'borderless floating-caption';
	hs.captionEval = 'this.thumb.alt';
	hs.marginLeft = 100; // make room for the thumbstrip
	hs.marginBottom = 80 // make room for the controls and the floating caption
	hs.numberPosition = 'caption';
	hs.lang.number = '';

	// Add the slideshow providing the controlbar and the thumbstrip
	hs.addSlideshow({
		//slideshowGroup: 'group1',
		interval: 5000,
		repeat: false,
		useControls: false,
		overlayOptions: {
			className: 'text-controls',
			position: 'bottom center',
			relativeTo: 'viewport',
			offsetX: 50,
			offsetY: -5

		}
		
	});

	// Add the simple close button
	hs.registerOverlay({
		html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
		position: 'top right',
		fade: 2 // fading the semi-transparent overlay looks bad in IE
	});
</script>
<div id="pathpage"><a href="{site_address}">Trang chủ</a>&nbsp;> {pathpage1} > {name}</div>
 <div style="clear:both"></div>
 <div style="padding:5px;">
   <div>
   <table border="0" align="center" cellpadding="0" cellspacing="10">
      <tr>
      <!-- START BLOCK : show_other -->
        <td class="other_image_cell_product"><a class='highslide' href='{bigimage}' onclick="return hs.expand(this)">{image}</a></td>{br}
        <!-- END BLOCK : show_other -->
      </tr>
    </table>
    	<div style="clear:both"></div>
</div>
    <div style="clear:both; height:10px"></div>
    <table width="731" border="0" cellpadding="0" cellspacing="0" style="margin-left:10px; margin-right:10px;" id="tblproductdetail">
      <!-- START BLOCK : showinfofix -->
      <tr>
        <td colspan="2" style="background-color:#a1a1a1; line-height:38px; padding-left:10px; font-weight:bold; text-transform:uppercase">Thông số kỹ thuật</td>
      </tr>
      <tr>
        <td style="width:50%">&nbsp;♦&nbsp;<span class="label">Chất liệu:</span>&nbsp;{chatlieu}</td>
        <td style="width:50%">&nbsp;♦&nbsp;<span class="label">Công nghệ sơn:</span>&nbsp;{congngheson}</td>
      </tr>
      <tr>
        <td>&nbsp;♦&nbsp;<span class="label">Kích thước:&nbsp;</span>{kichthuoc}</td>
        <td>&nbsp;♦&nbsp;<span class="label">Khay ổ:&nbsp;</span>{khayo}</td>
      </tr>
       <tr>
        <td>&nbsp;♦&nbsp;<span class="label">Cổng giao tiếp:&nbsp;</span>{conggiaotiep}</td>
        <td>&nbsp;♦&nbsp;<span class="label">Nguồn:&nbsp;</span>{nguon}</td>
      </tr>
       <tr>
        <td>&nbsp;♦&nbsp;<span class="label">Làm mát:&nbsp;</span>{lammat}</td>
        <td>&nbsp;</td>
      </tr>
      <!-- END BLOCK : showinfofix -->
       <tr>
        <td colspan="2"><span class="label">{khac}:</span>
          <div style="clear:both"></div>
        {content}
        </td>
      </tr>
    </table>
 <div id="product_cell">
        <div style="clear:both; height:10px;"></div>
       <!-- START BLOCK : new_cell -->  
      <div class="cell_item">
            <div class="cell_image"><a href="{link_detail}">{image}</a></div>
            <div class="productname"><a href="{link_detail}">{name}</a></div>
            <div id="btndetail"><a href="{link_detail}"><img src="{site_address}img/btndetail.jpg" width="63" height="16" border="0" /></a>							</div>
      </div>
      <!-- END BLOCK : new_cell -->
         
 	
	</div>
  
 <div style="clear:both"></div>
 <div style="padding:5px; text-align:center">{pages}</div>
  </div>
 <script language="javascript">
 	$('#tblproductdetail tr:odd').css('background-color','#d4d4d4');
	
 </script>           	
            